{% extends 'base.html' %}
{% block head %}
    <script>
    $(function () {
        var total_goods_num = 0;
        var total_goods_price = 0;
        $('.goods_list_td').each(function () {
            var goods_num = parseInt($(this).find('.col06').text());
            var price_str = $(this).find('.col05').text();
            var price = parseFloat(price_str.substring(0,price_str.length-1));
            var total_price = goods_num*price;
            total_goods_price += total_price;
            var total_price = total_price.toFixed(2);
            total_goods_num += goods_num;
            $(this).find('.col07').text(total_price+'元')
        });
        $('#total_price').text(total_goods_price+'元');
        var transit_price = parseFloat($('#transit_price').text())
        $('#pay_price').text(total_goods_price+transit_price);
        $('#total_num').text(total_goods_num)
    });
    function before_submit(){
        var checked = $('input[name="address"]').is(':checked');
        if(!checked){
            alert('请选择收货地址');
            return false
        }
        return true;
    }
    </script>
{% endblock head %}
{% block middle %}
<form action="/order/handle_order/" method="post" onsubmit="return before_submit()">
        {% csrf_token %}
	<h3 class="common_title">确认收货地址</h3>

	<div class="common_list_con clearfix">
    <dt>寄送到：</dt>
        {% for address in address_list %}
            <dl>
                <dd>
                    <input type="radio" value="{{ address.id }}" name="address" {% if address.is_default %}checked {% endif %}>{{ address.address }} （{{ address.realname }} 收） {{ address.phone }}
                    <a href="/user/edit_address/{{ address.id }}" class="edit_site">编辑收货地址</a>
                </dd>
            </dl>
        {% empty %}
            <a href="/user/add_address/"><p style="font-size: 40px;color: red;text-align: center">请先去添加收货地址</p></a>
        {% endfor %}
	</div>
	
	<h3 class="common_title">支付方式</h3>	
	<div class="common_list_con clearfix">
		<div class="pay_style_con clearfix">
			<input type="radio" name="pay_style" checked>
			<label class="cash">货到付款</label>
			<input type="radio" name="pay_style">
			<label class="weixin">微信支付</label>
			<input type="radio" name="pay_style">
			<label class="zhifubao"></label>
			<input type="radio" name="pay_style">
			<label class="bank">银行卡支付</label>
		</div>
	</div>

	<h3 class="common_title">商品列表</h3>
	
	<div class="common_list_con clearfix">
		<ul class="goods_list_th clearfix">
			<li class="col01">商品名称</li>
			<li class="col02">商品单位</li>
			<li class="col03">商品价格</li>
			<li class="col04">数量</li>
			<li class="col05">小计</li>
		</ul>
        {% for cart in cart_list %}
            <ul class="goods_list_td clearfix">
			<li class="col01">{{ forloop.counter }}</li>
			<li class="col02"><img src="/static/{{ cart.goods.image }}"></li>
			<li class="col03" title="{{ cart.goods.name }}">{{ cart.goods.name|truncatechars:"16" }}</li>
			<li class="col04">{{ cart.goods.unit }}</li>
			<li class="col05">{{ cart.goods.price }}元</li>
			<li class="col06">{{ cart.count }}</li>
			<li class="col07">0元</li>
		</ul>
        {% endfor %}
	</div>
	<h3 class="common_title">总金额结算</h3>

	<div class="common_list_con clearfix">
		<div class="settle_con">
			<div class="total_goods_count">共<em id="total_num">0</em>件商品，总金额<b id="total_price">42.60元</b></div>
			<div class="transit">运费：<b><span id="transit_price">10</span>元</b></div>
			<div class="total_pay">实付款：<b id="pay_price">元</b></div>
		</div>
	</div>

	<div class="order_submit clearfix">
        <input type="hidden" value="{{ cart_id_list }}" name="cart_id_list" id="cart_id_list">
        <button  id="order_btn">提交订单</button>
	</div>	
</form>
{% endblock middle %}


